<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<title>优鸟钱包下载页面</title>
	</head>
	<style type="text/css">
		@charset "utf-8";
		/* 公用样式 */
		*{ margin:0; padding:0; outline: none;border: none;}
		body{ font-family: "Adobe"; background: #fff; }
		a{ text-decoration:none; }
		img{ border:0;}
		ul,li{ padding:0; margin:0; list-style:none;}
		input{background: none}
		.container{position: relative;}
		.container img{height:auto;width: 7.5rem;display: block;position: absolute;left: 0;top: 0;}
		.container .andriod{width: 5.55rem;height: auto;position: absolute;top: 9.1rem;left: 0.96rem;}
		.container .ios{width: 5.55rem;height: auto;position: absolute;top: 10.57rem;left: 0.96rem;}
	</style>
	<body>
		<div class="container">
			<img src="img/downloadbg.png"/>
			<a href="http://app.qq.com/?from=singlemessage#id=detail&appid=1106127722">
				<img src="img/adriod.png" alt="" class="andriod"/>
			</a>
			<a href="https://itunes.apple.com/cn/app/you-niao-qian-bao/id1198113162?mt=8">
				<img src="img/ios.png" alt="" class="ios"/>
			</a>
		</div>
	</body>
	<script type="text/javascript">
	if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {//判断是否为手机打开
	} else {
    	window.location.href = "http://uniao.me/#!/download";
	}
	!(function(doc, win) {
        var docEle = doc.documentElement,//获取html元素
            event = "onorientationchange" in window ? "orientationchange" : "resize",//判断是屏幕旋转还是resize;
            fn = function() {
                var width = docEle.clientWidth;
                width && (docEle.style.fontSize = 50 * (width / 375) + "px");//设置html的fontSize，随着event的改变而改变。
            };
        win.addEventListener(event, fn, false);
        doc.addEventListener("DOMContentLoaded", fn, false);
    }(document, window));
	</script>
</html>
